<!--
<html>
<head>
		<link rel="stylesheet" type="text/css" href="css/smart_rule_editor.css"/>
		<link rel="stylesheet" type="text/css" href="css/rule_editor_common.css"/>
</head>
<body>
-->
<div id="smart_rule_editor_preview">
	<a href="smart.html" id="smartRuleEditorPreviewHelp" class="help">?</a>
	<h3 id="smart_rule_editor_preview_title">Rule Title</h3>
	<p id="smart_rule_editor_preview_suggested">
		This rule is automatically suggested.
	</p>
	<div class="path_body">
		<img id="smart_rule_editor_path_img"/>
		<div class="path_section">
			<div class="title">Elements to Hide</div>
			<div class="detail">
				<div class="count" id="smart_rule_editor_preview_hide_count">18</div>
				<div class="path" id="smart_rule_editor_preview_hide_path">DIV.hoge DIV.fuga</div>
			</div>
		</div>
		<div class="path_section">
			<div class="title">Search Region</div>
			<div class="detail">
				<div class="count" id="smart_rule_editor_preview_search_count">26</div>
				<div class="path" id="smart_rule_editor_preview_search_path">DIV.hoge DIV.fuga</div>
			</div>
		</div>
	</div>
	<div class="section">
		<div id="smart_rule_editor_preview_keywords">
			<span class="word not_regexp">hoge</span>
			<span class="word not_regexp">fuga</span>
			<span class="word regexp">moge</span>
		</div>
	</div>
</div>
<div id="smart_rule_editor_body" class="smart-rule-editor-body customblocker_rule_dialog">
	<div class="section">
		<div class="content">
			<div class="label">Title</div>
			<div class="input"><input type="text" id="smart_rule_editor_title"/></div>
		</div>
	</div>
	<div class="section">
		<h2><span class="text">Site</span></h2>
		<div class="content">
			<div class="label">URL</div>
			<div class="input"><input type="text" id="smart_rule_editor_url"/></div>
		</div>
	</div>
	<div class="section" style="display:none">
		<div class="label">
			<a href="javascript:void(0)" id="smart_rule_editor_advanced_link">Show detail</a>
		</div>
	</div>
	<div class="section advanced" id="smart_rule_editor_advanced" style="display:none">
		<!-- Example URL & Memo -->
		<div class="section">
			<div class="content">
				<div class="label">Example URL</div>
				<div class="input"><input type="text" id="smart_rule_editor_example_url"/></div>
			</div>
		</div>
		<div class="section">
			<div class="content">
				<div class="label">Description</div>
				<div class="input"><input type="text" id="smart_rule_editor_site_description"/></div>
			</div>
		</div>
		<!-- Path Expression -->
		<div class="section" style="position:relative!important;">
			<h2><span class="text">Search Region</span></h2>
		</div>
		<div class="section">
			<div class="content">
				<div class="label" id="smart_rule_editor_search_block_xpath_label">XPath</div>
				<div class="label" id="smart_rule_editor_search_block_css_label">CSS Selector</div>
				<div class="input">
					<input type="text" id="smart_rule_editor_search_block_xpath"/>
					<input type="text" id="smart_rule_editor_search_block_css"/>
				</div>
			</div>
			<div class="selector_radio_container">
				<input type="radio" id="smart_rule_editor_radio_search_xpath" name="smart_rule_editor_radio_search"/>
				<label for="smart_rule_editor_radio_search_xpath">XPath</label>
				<input type="radio" id="smart_rule_editor_radio_search_css" name="smart_rule_editor_radio_search" checked="true"/>
				<label for="smart_rule_editor_radio_search_css">CSS</label>
			</div>
		</div>
		<div class="section">
			<div class="label">Description</div>
			<div class="input"><input type="text" id="smart_rule_editor_search_block_description"/></div>
		</div>
		<div class="section" style="position:relative!important;">
			<h2><span class="text">Elements to Hide</span></h2>
		</div>
		<div class="section">
			<div class="content">
				<div class="label" id="smart_rule_editor_hide_block_xpath_label">XPath</div>
				<div class="label" id="smart_rule_editor_hide_block_css_label">CSS Selector</div>
				<div class="input">
					<input type="text" id="smart_rule_editor_hide_block_xpath"/>
					<input type="text" id="smart_rule_editor_hide_block_css"/>
				</div>
			</div>
			<div class="selector_radio_container">
				<input type="radio" id="smart_rule_editor_radio_hide_xpath" name="smart_rule_editor_radio_hide"/>
				<label for="smart_rule_editor_radio_hide_xpath">XPath</label>
				<input type="radio" id="smart_rule_editor_radio_hide_css" name="smart_rule_editor_radio_hide" checked="true"/>
				<label for="smart_rule_editor_radio_hide_css">CSS</label>
			</div>
		</div>
		<div class="section">
			<div class="content">
				<div class="label">Description</div>
				<div class="input"><input type="text" id="smart_rule_editor_hide_block_description"/></div>
			</div>
		</div>
	</div>
	<div class="section">
		<h2><span class="text">Words</span></h2>
		<div class="content">
			<div class="input">
				<input type="text" id="smart_rule_editor_keyword"/>
				<!-- RegExp -->
				<input type="checkbox" id="smart_rule_editor_keyword_regexp"/>
				<label for="smart_rule_editor_keyword_regexp">RegExp</label>
				<!-- Complete Matching -->
				<input type="checkbox" id="smart_rule_editor_keyword_complete_matching"/>
				<label for="smart_rule_editor_keyword_complete_matching">Complete Match</label>
				<!-- Ignore Case -->
				<input type="checkbox" id="smart_rule_editor_keyword_case_sensitive"/>
				<label for="smart_rule_editor_keyword_case_sensitive">Case Sensitive</label>
				<!-- Include Link URL -->
				<input type="checkbox" id="smart_rule_editor_keyword_include_href"/>
				<label for="smart_rule_editor_keyword_include_href">Include Link URL</label>
				
				<input type="button" value="Add" id="smart_rule_editor_keyword_add" class="uiButton"/>
			</div>
			<div id="smart_rule_editor_keywords" class="smart_rule_editor_keywords"></div>
		</div>
	</div>
	<div id="smart_rule_editor_alert">
		<!-- Alert Message -->
	</div>
	<div class="bottom_button_container">
		<input type="button" value="Save" id="smart_rule_editor_save" class="uiButton"/>
		<input type="button" value="Select Another Rule" id="smart_rule_editor_cancel" class="uiButton"/>
		<input type="button" value="Close" id="smart_rule_editor_close" class="uiButton"/>
	</div>
</div>
<!--
</body>
</html>
-->